실행 컨텍스트 두디어 찾아온 두번째 주 ! 폴더 구조가 왜 중요한데 ? props는 뭐야 ?container,presenter에 왜 쪼개는건데 !!! (Code Camp FE 6기) 얘는 참이면 뒤를 그려줘 ! -이 두개의 파일을 어떻게 합칠까? - props, export - 리액트의 단방향 데이터 흐름 props : 부모 컴포넌트가 자식컴포넌트에게 불려주는 변수/함수 - 컴포넌트 사용을 위한 폴더구조 ! commons 폴더(여러 군데에서 쓰이는 함수/기능들) , components 폴더 (한 번 쓰는애들) -import, export 잘 작성해줄것 ! -useStat... containerthisBinding실행 컨텍스트스택PropsexportimportVariablesEnvironment큐Presenter호이스팅Presenter TIL DAY.44 [코어 자바스크립트] 실행 컨텍스트 실행 컨텍스트 같은 경우에는 동일한 환경에 있는 코드들을 실행할 때 필요한 환경 정보들을 모아 컨텍스트를 구성하고, 이를 콜 스택 ( call stack)에 쌓아올렸다가, 가장 위에 쌓여있는 컨텍스트와 관련 된 코드들을 실행하는 식으로 전체 코드의 환경과 순서를 보장한다고 한다. 콜 스택에는 전역 컨텍스트 외에 다른 덩어리가 없으므로 전역 컨텍스트와 관련된 코드들을 순차로 진행하다가 (3)에... TIL실행 컨텍스트TIL 코어 자바스크립트 - 2장 실행할 실행 컨텍스트들이 순차적으로 쌓이는 곳 실행할 코드에 제공할 환경 정보를 모아놓은 객체 현재 컨텍스트 내의 식별자들에 대한 정보 선언 시점의 외부 환경 정보 최초 실행 시점의 스냅샷을 유지함 VariableEnvironment을 복사해서 LexicalEnvironment를 만듦 내부는 environmentRecord와 outer-EnvironmentReference로 구성되어 있음 처... environmentRecordLexicalEnvironment실행 컨텍스트outer-EnvironmentReference콜 스택thisBindingVariableEnvironmentLexicalEnvironment 실행 컨텍스트 - 23 소스코드 평가 과정에서는 실행 컨텍스트를 생성하고 변수, 함수 등의 선언문만 먼저 실행하여 생성된 변수나 함수 식별자를 키로 실행 컨텍스트가 관리하는 스코프(렉시컬 환경의 환경 레코드)에 등록한다. 결국 전역 코드 평가(1) -> 전역 코드 실행(2) -> 함수 코드 평가(3) -> 함수 코드 실행(4)을 풀어서 상세히 설명한 글이다. 렉시컬 환경은 키와 값을 갖는 객체 형태의 스코프(전역,... 실행 컨텍스트javascript deep divejavascript deep dive 클로저와 실행 컨텍스트 Mdn에선 클로저를 그 함수와 그 함수가 선언된 렉시컬 환경의 조합이라고 합니다. 하지만 실행 컨텍스트와 렉시컬 스코프를 이해하고 나서 Mdn에서 클로저를 설명한 것을 무릎을 치면서 알아차릴 수 있을 것 입니다.(물론 이해 못할 수도 있습니다) 실행 컨텍스트 스택에 전역 실행 컨텍스트가 생성이 되고 전역 렉시컬 환경이 만들어 집니다. 렉시컬 환경의 컴포넌트로 2개가 만들어 지는데 하나는 전역... 실행 컨텍스트JavaScript클로저JavaScript 자바스크립트를 배워보자 23일차 - 실행 컨텍스트 (part 2) 위 과정을 거쳐 생성된 foo 함수 실행 컨텍스트와 렉시컬 환경은 다음과 같다. foo 함수 렉시컬 환경을 생성하고 foo 함수 실행 컨텍스트에 바인딩한다. 외부 렉시컬 환경에 대한 참조에 foo 함수 정의가 평가된 시점에 실행 중인 실행 컨텍스트의 렉시컬 환경의 참조가 할당된다. 자바스크립트 엔진은 함수 정의를 평가하여 함수 객체를 생성할 때 현재 실행 중인 실행 컨텍스트의 렉시컬 환경, ... JavaScript실행 컨텍스트JavaScript
두디어 찾아온 두번째 주 ! 폴더 구조가 왜 중요한데 ? props는 뭐야 ?container,presenter에 왜 쪼개는건데 !!! (Code Camp FE 6기) 얘는 참이면 뒤를 그려줘 ! -이 두개의 파일을 어떻게 합칠까? - props, export - 리액트의 단방향 데이터 흐름 props : 부모 컴포넌트가 자식컴포넌트에게 불려주는 변수/함수 - 컴포넌트 사용을 위한 폴더구조 ! commons 폴더(여러 군데에서 쓰이는 함수/기능들) , components 폴더 (한 번 쓰는애들) -import, export 잘 작성해줄것 ! -useStat... containerthisBinding실행 컨텍스트스택PropsexportimportVariablesEnvironment큐Presenter호이스팅Presenter TIL DAY.44 [코어 자바스크립트] 실행 컨텍스트 실행 컨텍스트 같은 경우에는 동일한 환경에 있는 코드들을 실행할 때 필요한 환경 정보들을 모아 컨텍스트를 구성하고, 이를 콜 스택 ( call stack)에 쌓아올렸다가, 가장 위에 쌓여있는 컨텍스트와 관련 된 코드들을 실행하는 식으로 전체 코드의 환경과 순서를 보장한다고 한다. 콜 스택에는 전역 컨텍스트 외에 다른 덩어리가 없으므로 전역 컨텍스트와 관련된 코드들을 순차로 진행하다가 (3)에... TIL실행 컨텍스트TIL 코어 자바스크립트 - 2장 실행할 실행 컨텍스트들이 순차적으로 쌓이는 곳 실행할 코드에 제공할 환경 정보를 모아놓은 객체 현재 컨텍스트 내의 식별자들에 대한 정보 선언 시점의 외부 환경 정보 최초 실행 시점의 스냅샷을 유지함 VariableEnvironment을 복사해서 LexicalEnvironment를 만듦 내부는 environmentRecord와 outer-EnvironmentReference로 구성되어 있음 처... environmentRecordLexicalEnvironment실행 컨텍스트outer-EnvironmentReference콜 스택thisBindingVariableEnvironmentLexicalEnvironment 실행 컨텍스트 - 23 소스코드 평가 과정에서는 실행 컨텍스트를 생성하고 변수, 함수 등의 선언문만 먼저 실행하여 생성된 변수나 함수 식별자를 키로 실행 컨텍스트가 관리하는 스코프(렉시컬 환경의 환경 레코드)에 등록한다. 결국 전역 코드 평가(1) -> 전역 코드 실행(2) -> 함수 코드 평가(3) -> 함수 코드 실행(4)을 풀어서 상세히 설명한 글이다. 렉시컬 환경은 키와 값을 갖는 객체 형태의 스코프(전역,... 실행 컨텍스트javascript deep divejavascript deep dive 클로저와 실행 컨텍스트 Mdn에선 클로저를 그 함수와 그 함수가 선언된 렉시컬 환경의 조합이라고 합니다. 하지만 실행 컨텍스트와 렉시컬 스코프를 이해하고 나서 Mdn에서 클로저를 설명한 것을 무릎을 치면서 알아차릴 수 있을 것 입니다.(물론 이해 못할 수도 있습니다) 실행 컨텍스트 스택에 전역 실행 컨텍스트가 생성이 되고 전역 렉시컬 환경이 만들어 집니다. 렉시컬 환경의 컴포넌트로 2개가 만들어 지는데 하나는 전역... 실행 컨텍스트JavaScript클로저JavaScript 자바스크립트를 배워보자 23일차 - 실행 컨텍스트 (part 2) 위 과정을 거쳐 생성된 foo 함수 실행 컨텍스트와 렉시컬 환경은 다음과 같다. foo 함수 렉시컬 환경을 생성하고 foo 함수 실행 컨텍스트에 바인딩한다. 외부 렉시컬 환경에 대한 참조에 foo 함수 정의가 평가된 시점에 실행 중인 실행 컨텍스트의 렉시컬 환경의 참조가 할당된다. 자바스크립트 엔진은 함수 정의를 평가하여 함수 객체를 생성할 때 현재 실행 중인 실행 컨텍스트의 렉시컬 환경, ... JavaScript실행 컨텍스트JavaScript